/*-------------------   外部导入   -------------------------------------------------------------------*/
import type { ColumnsType } from 'antd/es/table';
import {
    useSearchParams,
    NavLink,
    useNavigate,
    useLocation
} from "react-router-dom";
import React from "react";
import { Steps } from "antd";
import { useState, useEffect } from "react";
// 选择车位  组件
import ChooseAParkingSpace from "./hPSConpoments/ChooseAParkingSpace"
// 业主信息  组件
import OwnerInformation from "./hPSConpoments/OwnerInformation"
// 车辆信息  组件
import VehicleInformation from "./hPSConpoments/VehicleInformation"

// 导入接口
import {
    getCarPayHistory,  // 获取业主车辆费--历史信息
    getCarPayHistoryRecord,  // 获取业主车辆费--历史记录---缴费记录
} from "../../../api/admin";
import type { DatePickerProps } from 'antd';
// 引入样式
import "../../../assets/style/admin.scss";
import type { CheckboxChangeEvent } from 'antd/es/checkbox';
import "../../../assets/style/admin.scss";
import { HashRouter } from 'react-router-dom';
// 字体图标
import {  } from "@ant-design/icons";
/*-------------------   外部导入   -------------------------------------------------------------------*/

function hireParkingSpace() {
  const [current, setCurrent] = useState(0);
      // 步骤条的数据
const items = [
    {
      title: '选择车位',
      content: <ChooseAParkingSpace 
      setCurrent={setCurrent}
      />
    },
    {
      title: '业主信息',
      content: <OwnerInformation 
      setCurrent={setCurrent}
      />
    },
    {
      title: '车辆信息',
      content: <VehicleInformation 
      setCurrent={setCurrent}
      />
    },
]



  return <div>
    <Steps current={current}  labelPlacement="vertical" items={items}/>
      {items[current].content}
  </div>;
}

export default hireParkingSpace;
